import React from 'react';

function Lock({ fill, width, height, ...props }) {
  return (
    <svg
      width={width ?? 16}
      height={height ?? 20}
      viewBox="0 0 16 20"
      fill="none"
      {...props}
    >
      <path
        d="M15.156 16.893v-6.811a2.237 2.237 0 00-2.232-2.233h-.562V4.707A4.713 4.713 0 007.654 0a4.712 4.712 0 00-4.703 4.707v.543c0 .37.3.667.667.667.367 0 .672-.3.672-.667v-.543A3.372 3.372 0 017.658 1.34a3.372 3.372 0 013.369 3.368V7.85H2.389c-1.23 0-2.233 1-2.233 2.233v6.811a2.237 2.237 0 002.233 2.233h10.538a2.236 2.236 0 002.23-2.233zm-13.657 0v-6.811c0-.492.402-.894.894-.894h10.535c.491 0 .893.402.893.894v6.811a.896.896 0 01-.893.894H2.388a.895.895 0 01-.889-.894z"
        fill={fill ?? '#fff'}
      />
      <path
        d="M7.657 11.99a.67.67 0 00-.672.668v1.73c0 .37.3.667.672.667.37 0 .667-.3.667-.668v-1.729a.667.667 0 00-.667-.667z"
        fill={fill ?? '#fff'}
      />
    </svg>
  );
}

export default Lock;
